﻿<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="UTF-8" />

<xsl:template match="/">
<html>
	<head>
		<title>gadgetOS pb.xml<!--<xsl:value-of select="/Module/ModulePrefs/@title" />--></title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="Content-Style-Type" content="text/css"/>
		<link href='http://gadget-os.googlecode.com/svn-history/r77/trunk/gadget/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
		<link href='http://feeds.feedburner.com/gadget-os' rel='alternate' title='gadgetOS - Atom' type='application/atom+xml'/>
		<link href='http://feeds.feedburner.com/gadget-os' rel='alternate' title='gadgetOS - RSS' type='application/rss+xml'/>
		<style type="text/css">
			html,
			body {
				margin: 0;
				padding: 0;
				line-height:1.6em;
				font-size:12px;
			}
			img {
				border: 0;
			}
			#header, #footer {
				border-bottom: 1px solid #ccc;
				padding: 9px;
				background: #cfc;
			}
			#footer {
				border-top: 1px solid #ccc;
				text-align: center;
			}
			h1 {
				font:28px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
				text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
			}
			#body, #module-content {
				overflow:auto;
				padding: 1em;
			}
			#left, #demo {
				float: left;
			}
			#demo {
				margin-left: 1em;
			}
			dt, h2 {
				color: #666;
				font-size: 12px;
				font-weight: bold;
				border-left: 5px solid #ccf;
				padding-left: 1em;
			}
			dd {
				color: #333;
				font-size: 14px;
				padding-bottom: 1em;
			}
			#module-content pre {
				font-size:12px;
				line-height:1.2em;
				background:#ccc;
				border:1px solid #999;
				padding:1em;
				overflow:hidden;
				word-wrap:break-word;
			}
			
		</style>
	</head>
	<body>
		<div id="header">
			<img src="http://gadget-os.googlecode.com/svn-history/r77/trunk/gadget/opensocial.png" width="64" height="64" align="left" hspace="9" alt="opensocial" title="opensocial"/>
			<h1>gadgetOS pb<!-- <xsl:value-of select="/Module/ModulePrefs/@title" /> --></h1>
			<p>
				WebDesktop on OpenSocial.
				<!-- <xsl:if test="/Module/ModulePrefs/@description">
					<xsl:value-of select="/Module/ModulePrefs/@description" />					
				</xsl:if> -->
			</p>
			<br clear="all" />
		</div>

		<div id="body">
			<p>
				このページは、
				<a href="http://code.google.com/p/gadget-os/source/browse/trunk/gadgetOS.xml" target="_brank">gadget.xml</a>を
				<a href="http://code.google.com/p/gadget-os/source/browse/trunk/gadget/gadget.xsl" target="_brank">xsl</a>
				で整形したものです。
			</p>
			<div id="left">
				<dl>
					<dt>Add to iGoogle</dt>
					<dd>
						<a href="http://www.google.com/ig/adde?moduleurl=http://gadget-os.googlecode.com/svn/trunk/gadgetOS.xml">
							<img src="http://buttons.googlesyndication.com/fusion/add.gif" style="width:104px; height:17px;border:0px;" alt="Add to iGoogle" />
						</a>
					</dd>
					<dt>Links</dt>
					<dd>
						<a href="http://gadget-os.blogspot.com/" target="_brank">
							gadgetOS HP
						</a><br />
						<a href="http://twitter.com/itozyun" target="_brank">
							Author's Twitter
						</a><br />
						<a href="http://outcloud.blogspot.com/" target="_brank">
							Author's Blog
						</a><br />
						<a href="http://code.google.com/p/gadget-os/" target="_brank">
							Google Code
						</a><br />
					</dd>
					<xsl:if test="/Module/ModulePrefs/@title_url">
						<dt>ModulePrefs/@title_url</dt>
						<dd>
							<a>
								<xsl:attribute name="href"><xsl:value-of select="/Module/ModulePrefs/@title_url" /></xsl:attribute>
								<xsl:value-of select="/Module/ModulePrefs/@title_url" />
							</a>
						</dd>						
					</xsl:if>
					<xsl:if test="/Module/ModulePrefs/@thumbnail">
						<dt>ModulePrefs/@thumbnail</dt>
						<dd>
							<img>
								<xsl:attribute name="src"><xsl:value-of select="/Module/ModulePrefs/@thumbnail" /></xsl:attribute>
							</img>							
						</dd>						
					</xsl:if>							
					<xsl:if test="/Module/ModulePrefs/@screenshot">
						<dt>ModulePrefs/@screenshot</dt>
						<dd>
							<img>
								<xsl:attribute name="src"><xsl:value-of select="/Module/ModulePrefs/@screenshot" /></xsl:attribute>
							</img>							
						</dd>						
					</xsl:if>			
					<xsl:if test="/Module/ModulePrefs/@author">
						<dt>ModulePrefs/@author</dt>
						<dd><xsl:value-of select="/Module/ModulePrefs/@author" /></dd>						
					</xsl:if>
					<xsl:if test="/Module/ModulePrefs/@author_email">
						<dt>ModulePrefs/@author_email</dt>
						<dd><xsl:value-of select="/Module/ModulePrefs/@author_email" /></dd>						
					</xsl:if>									
				</dl>									
			</div>

			<div id="demo">
				<div id="demo-body">
					<xsl:attribute name="width"><xsl:value-of select="/Module/ModulePrefs/@width" /></xsl:attribute>
					<h2>Demo</h2>
					<iframe scrolling="no" frameborder="0" src="http://goo.gl/Z8rfq">
						<xsl:attribute name="scrolling"><xsl:value-of select="/Module/ModulePrefs/@scrolling" /></xsl:attribute>
						<xsl:attribute name="width"><xsl:value-of select="/Module/ModulePrefs/@width" /></xsl:attribute>
						<xsl:attribute name="height"><xsl:value-of select="/Module/ModulePrefs/@height" /></xsl:attribute>
					</iframe>
				</div>
			</div>

			<br clear="all" />
			
			<div id="video">
				<h2>Video</h2>
				<object style="float: left; margin-right: 20px;" height="385" width="480"><param name="movie" value="http://www.youtube.com/v/G6LqehnYi0s?fs=1&amp;hl=ja_JP" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/G6LqehnYi0s?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="385" width="480"></embed></object>
			</div>
		</div>

		<div id="module-content">
			<h2>Content</h2>
			<pre>
				<xsl:value-of select="/Module/Content" />
			</pre>
		</div>

		<div id="footer">
			gadget.xslについて
		</div>
		
		<script type="text/javascript">
		
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-16977340-10']);
		  _gaq.push(['_trackPageview']);
		
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		
		</script>
	</body>
</html>
</xsl:template>

</xsl:stylesheet>